<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" type="text/css" href="../css/index.css?v1"> -->
    <!-- <link rel="stylesheet" href="/css/element.css?_t=<%=new Date().indexOf()%>"> -->
    <link rel="stylesheet" href="./移动端css/1.css?v='+1+'">

</head>

<body>
    问题产生原因：
    如果在用户之前已经访问过系统，那么浏览器中会缓存该系统的CSS、JS，这些CSS、JS缓存未过期之前，浏览器只会从缓存中读取CSS和JS，如果在服务器上修改了CSS和JS，那么这些修改在用户的浏览器中是不会有变化的。

    解决方式一：
    用户按Ctrl + F5强制刷新页面或者手动清空了浏览器的缓存。此时浏览器会重新向服务器获取CSS和JS文件,新的文件便会生效。
    但是用户量过大的时候总不能让每个用户一一清理缓存吧，于是便从代码的角度着手解决这个问题。在CSS、JS后面添加版本号，让浏览器把CSS、JS文件当做新的文件重新向服务器获取资源。

    解决方式二：在CSS、JS后面添加时间戳
    <!-- <script type="text/javascript" href="/js/element.js?_t=<%=new Date().indexOf()%>"></script> -->

</body>

</html>